*{
    margin:0;
    padding:0;
    font-family: 'Times New Roman', Times, serif;
}
body{
    /* background-color: #3c005a; */
    background-color: #f5f8f2;
}


body::-webkit-scrollbar{display: none;}

/* Comes from languages en,ar etc... Must add to pages with **Heading,h2,h3,h4,h5** */
        .title{
            /* color: #1E90FF; */
            color: #3c005a;
            text-shadow: 1px 1px 2px #eabfff;
            font-weight: 900;
            font-size: 2.2rem;
        }
        .heading{
            /* color: #1E90FF; */
            color: #800080;
            text-shadow: 1px 1px 1px #eabfff;
            padding: 15px 0;
            font-size: 20px;
        }
        .subHead{
            color: #27ae60;
            border-left: 5px solid #9b59b6;
            padding-left: 0.5rem;
            margin-top: 2rem;
            text-decoration: none;
            font-size: 15px;
        }
        .paragraph{
            font-size: 15px;

        }
        .accentFont{
            font-family: tree;
        }
         /* div Marquee from all pages, index, tree, etc..*/
        .divMarq{
            height: 40px;
        }
        /* marquee from languages en,ar,etc... function getPhoto() Must Add to pages with **marquee** */
        .marquee{
            width: 100%;
            height: 40px;
            background-color: #f5f8f2;
        }
        .marqueeA{
            text-decoration: none;
            display: inline-block;
        }
        .marqueeImg{
            width: 40px;
            height: 40px;

            /* done in en language */
            /* pointer-events: none; */
        }

        /* done on languages, en.php etc... */
        .divPhoto{
           
            
        }
        /* done in languages, en.php etc.. */
        .divPhotoA{
            
        }
        .divPhotoA:hover{
            outline: 3px solid #000;
            border-radius: 20px;
            background: linear-gradient(90deg, #9b59b6, #27ae60);
        }
        /* done in languages, en.php etc.. */
        .divPhotoImg{
            
        }

/* Navigation, .navPages. class came from languages */
.dad{
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.dad .navPagesCh1 li{
    display: inline;
    
}
.dad .navPagesCh1 li a{
    text-decoration: none;
    color: #FFF;
    padding: 7px;
    font-size: 15px;
}
.dad .navPagesCh1 li a:hover{
    /* DodgerBlue */
    color: #1E90FF;
}
.navPagesCh1 .navSelectBox{
    margin: 0 auto;
    text-align: center;

}
.navPagesCh2 .navImg{
    width: 50px;
    height: 50px;
}


@media only screen and (max-width: 372px) {
/* Navigation, .navPages. class came from languages */
.dad{
    height: 100px;
}
}